<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <!-- ====================== 引用 ====================== -->
    <!-- 块引用<blockquote>：cite属性表示引文来源，<cite>元素表示来源的文本表述 -->
    <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
      这是一段被引用的内容
    </blockquote>
    <!-- 行内引用<q> -->
    <q>这是一段被引用的内容</q>
    <hr/>
    
    <!-- ====================== 引文 ====================== -->
    <!-- 引文<cite> -->
    <cite>这是引文</cite>
    <hr/>
    
    <!-- ====================== 缩略语 ====================== -->
    <!-- 缩略语<abbr>：abbr的title提供缩写的解释 -->
    这是一段缩略语，<abbr title="缩略的内容">缩略内容</abbr>在这里
    <hr/>
    
    <!-- ====================== 联系方式 ====================== -->
    <!-- 联系方式<address>：标记编写HTML文档作者的联系方式，而不是任何其他的内容 -->
    <address>
      <p>这是我的联系方式呀</p>
    </address>
    <hr/>
    
    <!-- ====================== 上标和下标 ====================== -->
    <!-- 上标 -->
    <p>X<sup>2</sup>Y<sup>3</sup></p>
    <!-- 下标 -->
    <p>X<sub>2</sub>Y<sub>3</sub></p>
    <hr/>
    <hr/>
    
    <!-- ====================== 计算机代码 ====================== -->
    <!-- 计算机通用代码<code> -->
    <code>const para = document.querySelector('p');
      para.onclick = function() {
      alert('hhh');
      }</code>
    <hr/>
    
    <!-- 保留空白字符(缩进或多余的空白)<pre> -->
    <pre>const para = document.querySelector('p');
            para.onclick = function() {
            alert('hhh');
            }</pre>
    <hr/>
    
    <!-- 具体变量名<var> -->
    <code>const <var>para</var> = document.querySelector('p');</code>
    <hr/>
    
    <!-- 键盘<kbd> -->
    复制快捷键<kbd>Ctrl+C</kbd>
    <hr/>
    
    <!-- 计算机程序的输出<samp> -->
    <samp>PING mozilla.org (63.245.215.20): 56 data bytes
      64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms</samp>
    <hr/>
    
    <!-- ====================== 时间和日期 ====================== -->
    <!-- 标准简单日期 -->
    <time datetime="2016-01-20">20 January 2016</time>
    <hr/>
    <!-- 只包含年份和月份 -->
    <time datetime="2016-01">January 2016</time>
    <hr/>
    <!-- 只包含月份和日期 -->
    <time datetime="01-20">20 January</time>
    <hr/>
    <!-- 只包含时间，小时和分钟数 -->
    <time datetime="19:30">19:30</time>
    <hr/>
    <!-- 还可包含秒和毫秒 -->
    <time datetime="19:30:01.856">19:30:01.856</time>
    <hr/>
    <!-- 日期和时间 -->
    <time datetime="2016-01-20T19:30">7.30pm, 20 January 2016</time>
    <hr/>
    <!-- 含有时区偏移值的日期时间 -->
    <time datetime="2016-01-20T19:30+01:00">7.30pm, 20 January 2016 is 8.30pm in France</time>
    <hr/>
    <!-- 调用特定的周 -->
    <time datetime="2016-W04">The fourth week of 2016</time>
    <hr/>
  </body>
</html>